
:root {
  --customID:10001;
  /* // 主体背景色 */
  --contBackColor: #F5621B;
  /*  // 顶部banner图 */
  --bannerImage:url('../images/10001/banner.png');
  /*  // 头像补位图 */
  --noUSerImage:url('../images/10001/ranking/noneImg1.png');
  /*  // 开播提示图 */
  --roomOpenIocnImage:url('../images/10001/ranking/icon1.png');
  /*  // 规则按钮距下方内容高度 */
  --ruleButMarginBottm:43px;

  
  /* 榜单上有名 */
  /*  // 榜单模块顶部内边距 */
  --rankingPaddingTop: 20px;
  /*  // 榜单礼物整体距离榜单tabs的距离 */
  --rankingGiftMarginBottom: 20px;
  /*  // 榜单列表模块距离页面两侧边距 */
  --rankingBoxPaddingX: 8px;
  /*  // 榜单tabs整体距离榜单列表的距离 */
  --rannkingTabsBottom: 8px;
  /*  // 榜单背景色 */
  --rannkingBackColor: #fff;
  /*  // 榜单边框颜色 */
  --rannkingBackBorderColor: #F5621B;
  /*  // 榜单类型区域背景色 */
  --rannkingTypeBackColor: #F5621B;

  /* 类型切换tab */
  /* // 底色背景 */
  --typeTabBackImage:url('../images/10001/tabImg/butBack2.png');
  /* // 选中背景 */
  --typeTabSelectBackImage:url('../images/10001/tabImg/butBack1.png');


  /* 日期列表 */
  /*  // 未选中日期文字颜色 */
  --dayFontColor: #F5621B;
  /*  // 选中日期文字颜色 */
  --daySelectFontColor: #fff;
  /*  // 未选中背景图 */
  --dayFontBackImage: url('../images/10001/ranking/butBackNot1.png');
  /*  // 选中背景图 */
  --dayFontSelectBackImage: url('../images/10001/ranking/butBack1.png');

  /* Top奖励提示 */
  /*  // 背景色 */
  --topBackColor: #fff;
  /*  // 文字颜色 */
  --topFontColor: #383FE6;

  /* 榜单列表 */
  /* // 榜单礼物背景图 */
  --rankingGiftBackImage:url('../images/10001/ranking/backColor1.png');
  /* // 榜单礼物底色背景图 */
  --rankingGiftFooterBackImage:url('../images/10001/ranking/giftBackImg.png');
  /* // 榜单用户/房间详情背景图 */
  --rankingUserInfoBackImage:url('../images/10001/ranking/rankingInfobackColor.png');
   /* // 榜单底部当前用户详情背景图 */
  --rankingMyUserInfoBackImage:url('../images/10001/ranking/backColor3.png');
  /*  // 用户头像底色/边框颜色  */
  --portraitBorderColor: #fff;
  /*  // 用户榜单数字排序文字颜色 */
  --userTopNumFontColor: #333;
  /*  // 用户昵称颜色 */
  --nickNameFontColor: #000;
  /*  // 人气票查看详情按钮背景色 */
  --ticketInfoButBack: #fff;
  /*  // 人气票查看详情按钮文字颜色 */
  --ticketInfoButFontColor: #0A227E;

  /* 非当前查看榜单用户 */ 
  /*  // 用户获得积分数背景色 */
  --priceNumBackColor: linear-gradient( 90deg, #DAEAFF 0%, rgba(255,255,255,0) 100%);
  /*  // 获得积分数字颜色 */
  --priceNumFontColor: #333;

  /* 当前查看榜单用户 */
  /*  // 用户获得积分数背景色 */
  --userPriceNumBackColor: linear-gradient( 90deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
  /*  // 获得积分数字颜色 */
  --userPriceNumFontColor: #fff;
  /*  // 距离上一名文字颜色 */
  --diffPointsFontColor: #fff;
  /*  // 距离上一名数字颜色 */
  --diffPointsFontNumColor: #fff;
  
  /* 贡献榜 */
  /* // 用户详情背景图 */
  --contributeUserBackColor:url('../images/10001/ranking/contributeInfoBackColor.png');
  /*  // 贡献榜页面背景色 */
  --contributeMainBackColor: #F5621B;
  /*  // 返回按钮背景色 */
  --contributeGopageBackColor: #000000;
  /*  // 返回按钮文字颜色 */
  --contributeGopageFontColor: #FFFFFF;
  /*  // 获得积分数字颜色 */
  --contributePriceNumFontColor: #333333;
  /*  // 用户昵称颜色 */
  --contributeNickNameColor: #000000;
  /*  // 用户榜单数字排序文字颜色 */
  --contributeUserTopNumFontColor: #333333;
  /*  // 用户获得积分数背景色 */
  --contributepriceNumBackColor: linear-gradient( 90deg, #DAEAFF 0%, rgba(255,255,255,0) 100%);

  /* 领取奖励弹窗 */
  /*  // 领奖弹窗背景图颜色 */
  --rewardBackImage:url('../images/10001/ranking/rewardBack.png');
  /*  // 奖励图片底色 */
  --rewardImageBackColor: #000;
  /*  // 奖励名称文字颜色 */
  --rewardTextColor: #0A227E;

  /* 人气票 */
  /*  // 人气票页面背景色 */
  --ticketPageBackColor:#0A0A43;
  /*  // 人气票用户详情背景色 */
  --ticketUserinfoBack:url('../images/10001/ticket/userBack.png') left top / 100% 100% no-repeat;
  /* // 小标题文字颜色 */
  --ticketTitleFontColor:#fff;
  /*  // 小标题背景色 */
  --ticketTitleBackColor: url('../images/10001/ticket/titleBack.png') left top / 100% 100% no-repeat;
  /* // 人气票记录背景色 */
  --ticketLogBack: url('../images/10001/ticket/logBack.png') left top / 100% 100% no-repeat;
  /*  // 人气票记录提示语文字颜色 */
  --ticketLogTipsFontColor: #000;
  /*  // 消耗记录名称文字颜色 */
  --ticketLogNameFontColor: #000;
  /*  // 消耗记录数量文字颜色 */
  --ticketLogNumFontColor: #B74621;
  /*  // 消耗记录时间文字颜色 */
  --ticketLogTimeFontColor: #999;
  /* 金豆商店 */
  /*  // 金豆商店标题 */
  --shopTitleImage: url('../images/10001/shopImage/topback.png') left top / 100% 100% no-repeat;
  /*  // 金豆商店背景色 */
  --shopBackColor: url('../images/10001/shopImage/backColor.png') left top / 100% 100% no-repeat;
  /*  // 余额背景色 */
  --shopIntegralBackColor:#000;
  /*  // 余额文字颜色 */
  --shopIntegralFontColor:#fff;
  /*  // 菜单边框 */
  --shopNavTabBorder: #383FE6;
  /*  // 菜单文字颜色 */
  --shopNavTabFontColor: #383FE6;
  /*  // 菜单选中文字颜色 */
  --shopNavTabSelcetFontColor: #fff;
  /*  // 菜单选中背景颜色 */
  --shopNavTabSelcetBackColor: #383FE6;
  /*  // 提示语文字颜色 */
  --shopTipsFontColor: #000;
  /*  // 商品背景底色 */
  --shopGoodsBackColor: #000;
  /*  // 商品时间文字颜色 */
  --shopGoodsDayFontColor: #000;
  /*  // 商品时间背景底色 */
  --shopGoodsDayBackColor: #E7E8FF;
  /*  // 商品价格文字颜色 */
  --shopGoodsMoenyFontColor: #000;
  /*  // 商品购买按钮颜色 */
  --shopGoodsButBackColor: #383FE6;
  /*  // 按钮不可点击透明度 */
  --shopGoodsButBackGrayOpacity: .3;

  /* 金豆商店二次确认弹窗 */
  /* // 背景颜色 礼物256高 商品288高 */
  --shopExchangeBackColor256: url('../images/10001/shopImage/backColor256.png') left top / 100% 100% no-repeat;
  --shopExchangeBackColor288: url('../images/10001/shopImage/backColor288.png') left top / 100% 100% no-repeat;
  /* // 标题文字颜色 */
  --shopExchangeTitleFontColor: #fff;
  /* // 标题背景颜色 */
  --shopExchangeTitleBackColor: url('../images/10001/shopImage/topback2.png') left top / 100% 100% no-repeat;
  /* // 商品名称文字颜色 */
  --shopExchangeGoodsNameColor: #000;
  /*  // 兑换数量标题文字颜色 */
  --shopExchangeNumTitleFontColor: #000;
  /*  // 兑换数量背景颜色 */
  --shopExchangeNumBackColor: #fff;
  /*  // 兑换数量颜色 */
  --shopExchangeNumFontColor: #000;
  /*  // 兑换数量边框 */
  --shopExchangeNumBorderColor:1px solid #000;
  /*  // 赠送金额背景色 */
  --shopExchangeGiveFontColor: rgba(255,255,255,.5);
  /*  // 赠送金额数量标题颜色 */
  --shopExchangeGiveNumTitleFontColor: #000;
  /*  // 赠送金额数量颜色 */
  --shopExchangeGiveNumFontColor: #000;
  /* // 兑换按钮文字颜色 */
  --shopExchangeSubmitButFontColor: #fff;
  /* // 兑换按钮背景颜色 */
  --shopExchangeSubmitButBack: url('../images/10001/shopImage/butBack.png') left top / 100% 100% no-repeat;


  /* 余额不足提示框 */
  /* 提示框背景色 */
  --shopConfirmBackColor: #fff;
  /* 提示框边框色 */
  --shopConfirmBorder: 2px solid #fff;
  /* 提示文案文字颜色 */
  --shopConfirmTipsFontColor: #000;
  /*  // 余额不足取消按钮文字颜色 */
  --shopConfirmcloseFontColor: #000;
  /*  // 余额不足取消按钮背景色 */
  --shopConfirmcloseBack: #F1F0F0;
  /*  // 余额不足提交按钮文字颜色 */
  --shopConfirmSubmitFontColor: #fff;
  /*  // 余额不足提交按钮背景色 */
  --shopConfirmSubmitBack: #383FE6;
  
  /* 活动规则 */
  /*  // 活动规则背景色 */
  --rulePageBackColor: #F5621B;
  /*  // 折叠收起文字颜色 */
  --ruleButFont: #fff;
  /*  // 文字区域背景色 */
  --ruleFontBoxBackColor: #fff;
  /*  // 文字区域边框 */
  --ruleFontBoxBorder: 1px solid #fff;
  /*  // 小标题文字颜色 */
  --ruleTitleFontColor: #F5621B;
  /*  // 小标题背景色 */
  --ruleTitleBackColor: rgba(76, 119, 255, 0.20);
  /*  // 规则题头文字颜色 */
  --ruleDtFontColor: #383FE6;
  /*  // 规则文字颜色 */
  --ruleDdFontColor: #000;
  /*  // 表格内文字颜色 */
  --ruleTableFontColor: #000;
  /*  // 表格边框颜色 */
  --ruleTableBorder: 1px solid #F5621B;
}
